<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>结构伪类选择器</title>
		
		<style>
			li:first-child{  /*第一个孩子*/
				font: italic 400 20px  "宋体" ;
			}
			li:last-child{   /*最后一个孩子*/
				font: italic 100 22px "黑体";
			}
			
			li:nth-child(3){   /*选择 第几个孩子 li:nth-child(n)*/
				font: normal 600 24px "黑体";
			}
			/*even  是偶数*/
			li:nth-child(even){
				color: red;
			}
			/*odd  是奇数*/
			li:nth-child(odd){
				color: orange;
			}
			
			/*2n-1   可以使用一个函数表达式 n从0 开始*/
			li:nth-child(2n-1){
				color: darkgoldenrod;
			}
			/*从最后一个算起*/
			li:nth-last-child(even){
				color: #008000;
			}
		</style>
	</head>
	<body>
		<ul>
			<li>第一个孩子</li>
			<li>第二个孩子</li>
			<li>第三个孩子</li>
			<li>第四个孩子</li>
			<li>第五个孩子</li>
			<li>第六个孩子</li>
			<li>第七个孩子</li>
		</ul>
	</body>
</html>